<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>W3C对于client给出的例子</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	</head>
	<body>
		<script type="text/javascript">
			//参考地址：http://www.iteye.com/topic/563999
		
			var Width_1=document.body.scrollWidth;    //body滚动条总宽  
			var Height_1=document.body.scrollHeight;  //body滚动条总高  
			  
			var Width_2=document.documentElement.scrollWidth;    //documentElement滚动条总宽
			var Height_2=document.documentElement.scrollHeight;  //documentElement滚动条总宽   
			
			//------------------------------
			var Width_3=document.body.clientWidth;   //body网页可见区域宽，滚动条隐藏部分不算     
			var Height_3=document.body.clientHeight; //body网页可见区域高，滚动条隐藏部分不算  
			  
			var Width_4=document.documentElement.clientWidth;   //documentElement网页可见区域宽，滚动条隐藏部分不算   
			var Height_4=document.documentElement.clientHeight; //documentElement网页可见区域高，滚动条隐藏部分不算 
			
			//------------------------------
			var Width_5=window.screen.availWidth;  //屏幕可用工作区宽度(用处不大)   
			var Height_5=window.screen.availHeight;//屏幕可用工作区高度   
			
			//------------------------------
			var scrollLeft_7=window.top.document.body.scrollLeft;//body水平滚动条位置 
			var scrollTop_7=window.top.document.body.scrollTop;//body垂直滚动条位置
			
			var scrollLeft_8=window.top.document.documentElement.scrollLeft;//documentElement水平滚动条位置
			var scrollTop_8=window.top.document.documentElement.scrollTop;//documentElement垂直滚动条位置
			  
			alert(" body滚动条总宽:"+Width_1+",body滚动条总高:"+Height_1+   
			    ",\n documentElement滚动条总宽:"+Width_2+",documentElement滚动条总高:"+Height_2+  
				",\n"+ 
			    "\n body网页可见区域宽:"+Width_3+",body网页可见区域高:"+Height_3+   
			    ",\n documentElement网页可见区域宽："+ Width_4+",documentElement网页可见区域高："+Height_4+
				",\n"+   
			    "\n 屏幕可用工作区宽度:"+Width_5+", 屏幕可用工作区高度："+Height_5+
				",\n"+
				"\n body水平滚动条位置:"+scrollLeft_7+",body垂直滚动条位置:"+scrollTop_7+
				",\n documentElement水平滚动条位置:"+scrollLeft_8+",documentElement垂直滚动条位置:"+scrollTop_8
			);			
		</script>

		<p>
			鼠标在浏览器内容区域的X/Y坐标：<br/>
			在页面中单击，将弹出鼠标单击位置的X和Y坐标。
		</p>

	</body>
</html>
